<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 为移动设备添加 viewport -->
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    
<style>
    .dotload {
        display: inline-block;
        width: 3ch;
        text-indent: -1ch;
        vertical-align: bottom;
        overflow: hidden;
        animation: dot 3s infinite step-start;
        font-family: Consolas, Monaco, monospace;
    }

    @keyframes dot {
        33% { text-indent: 0; }
        66% { text-indent: -2ch; }
    }
</style>
</head>
<body>
<div>加载中<span class="dotload">...</span></div>
</body>
</html>
</body>
</html>